.mall-category-first {
  padding: 20px;
  box-sizing: border-box;
  font-size: 14px;
  color: #333;
  display: flex;
  flex-direction: column;
  flex: 1;

  .p-layout-content {
    display: flex;
    flex-direction: column;
    flex: 1;
  }

  .category-content {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-column-gap: 30px;
    margin-top: 20px;

    .category-enabled,
    .category-not-enabled {
      display: flex;
      flex-direction: column;

      &>li {
        padding: 20px;
        display: grid;
        grid-template-columns: 90% 10%;
        border: 1px solid rgba(242, 242, 242, 1);
        pointer-events: bounding-box;
        height: 64px;
        margin-top: 20px;

        &>span {
          text-align: center;

          &:first-child {
            display: flex;
            justify-content: center;
          }
        }

        &>div {
          display: flex;
          justify-content: flex-end;
        }

        .ant-image {
          display: flex;
          align-items: center;
        }

        &:first-child {
          font-weight: 500;
          background: rgba(242, 242, 242, .5);
          margin-top: 0;
          display: flex;
          justify-content: center;
        }

        &:hover {
          background: rgba(242, 242, 242, .5);
        }
      }
    }
  }
}

.label {
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;

  .add {
    display: flex;
    justify-content: flex-end;
  }

  .p-layout-content-pagination {
    flex: 1;
  }
}

.parameter {
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;

  .search {
    display: flex;
    justify-content: space-between;
  }

  .p-layout-content-pagination {
    flex: 1;
  }
}